<!--
	ESTE ES UN DEMO!!!
-->

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF"
			cellpadding="0" cellspacing="0">
					<!-- NUEVO!! -->

			
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp"%>
				</td>
	  		</tr>
	  		

	  		<!-- NUEVO!! -->
		
			<tr>
				<td></td>
			</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle
								basename="co.com.coomeva.adminEvaluacion.properties.etiquetas"
								var="etiqueta" />

							<ice:panelCollapsible expanded="true" toggleOnClick="true"
								style="width: 600px">

								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_CrearRelaciones}" />
								</f:facet>
								<br />

								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2" >
									<strong><ice:outputText value="#{etiqueta.lb_nombre_periodo_activo}: " /></strong>
									<strong><ice:outputText value="#{creacionjefeColaboradorBean.nombrePeriodo}   " /></strong>
									
									<ice:outputText value="#{etiqueta.lb_EmpCodigo} (*)  " />
									<ice:inputText id="empCodigo" value="#{creacionjefeColaboradorBean.empCodigo}" size="20" maxlength="11" readonly = "#{creacionjefeColaboradorBean.readOnlyEmpCodigo}"/>
	                                 

									
	                   
	                      <ice:outputText value="#{etiqueta.lb_EmpEmpresa} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="empEmpresa" value="#{creacionjefeColaboradorBean.empEmpresa}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
	                   
	                     	         <ice:outputText value="#{etiqueta.lb_Empresa} (*)  " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empresaNombre" value="#{creacionjefeColaboradorBean.empresaNombre}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
	                 
	                                 <ice:outputText value="#{etiqueta.lb_EmpCargo} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empCargo" value="#{creacionjefeColaboradorBean.empCargo}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
			
                					<ice:outputText value="#{etiqueta.lb_EmpCargoNombre} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empCargoNombre" value="#{creacionjefeColaboradorBean.empCargoNombre}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"  />
			
    							 	<ice:outputText value="#{etiqueta.lb_EmpGrado} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empGrado" value="#{creacionjefeColaboradorBean.empGrado}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								 

								 <ice:outputText value="#{etiqueta.lb_CodCiudad} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDivision" value="#{creacionjefeColaboradorBean.empDivision}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								
                 					 <ice:outputText value="#{etiqueta.lb_CodCiudadNombre} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDivisionNombre" value="#{creacionjefeColaboradorBean.empDivisionNombre}" size="20" readonly = "true"  rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								
						
										
							
				<ice:outputText value="#{etiqueta.lb_EmpDepto} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDepto" value="#{creacionjefeColaboradorBean.empDepto}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
				
									<ice:outputText value="#{etiqueta.lb_EmpDeptoNombre} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empDeptoNombre" value="#{creacionjefeColaboradorBean.empDeptoNombre}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
				
				
						
								<ice:outputText value="#{etiqueta.lb_EmpArea} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empArea" value="#{creacionjefeColaboradorBean.empArea}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									
								<ice:outputText value="#{etiqueta.lb_EmpAreaNombre} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="empAreaNombre" value="#{creacionjefeColaboradorBean.empAreaNombre}" size="20" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								
								    
								
								<!--
								</ice:panelGrid>
								
								
								<ice:panelGroup >
								<br />	
								<i>
								
								   <ice:outputText value="#{etiqueta.lb_CompletarDatos}"  rendered="#{creacionjefeColaboradorBean.showAllData}"  style="color:green;"/>
								</i>
								
								</ice:panelGroup>
								
								<br />		
								
								<ice:panelGrid columns="2">
								-->	
									
									<!--							
								    <ice:outputText value="#{etiqueta.lb_periodo} (*)  " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:selectOneMenu value="#{creacionjefeColaboradorBean.consPeriodo}" title = "Seleccione un periodo"  rendered="#{creacionjefeColaboradorBean.showAllData}">
										<f:selectItems value="#{creacionjefeColaboradorBean.periodoEvaluacionItems}" />
									</ice:selectOneMenu>
									
									-->
									<br /><br />	
								 <ice:outputText value="#{etiqueta.lb_JefeCodigo} (*)" />
									<ice:inputText id="jefeCodigo" value="#{creacionjefeColaboradorBean.jefeCodigo}"   size="20" maxlength="11" title = "Ingrese el Codigo del Jefe (Max. 11 digitos)" readonly = "#{creacionjefeColaboradorBean.readOnlyEmpCodigo}"/>

                                    
                                    <ice:outputText value="#{etiqueta.lb_JefeCargo} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeCargo" value="#{creacionjefeColaboradorBean.jefeCargo}" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}" />

									<ice:outputText value="#{etiqueta.lb_JefeCargoNombre} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeCargoNombre" value="#{creacionjefeColaboradorBean.jefeCargoNombre}" size="20" maxlength="50" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}" />

									<ice:outputText value="#{etiqueta.lb_JefeGrado} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeGrado" value="#{creacionjefeColaboradorBean.jefeGrado}" readonly = "true" rendered="#{creacionjefeColaboradorBean.showAllData}"  />
								 
								 <ice:outputText value="#{etiqueta.lb_JefeDivision} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeDivision" readonly = "true" value="#{creacionjefeColaboradorBean.jefeDivision}" rendered="#{creacionjefeColaboradorBean.showAllData}" size="20" maxlength="11"/>
								
								<ice:outputText value="#{etiqueta.lb_JefeDepto} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeDepto" readonly = "true" value="#{creacionjefeColaboradorBean.jefeDepto}" rendered="#{creacionjefeColaboradorBean.showAllData}" />
								
								<ice:outputText value="#{etiqueta.lb_JefeArea} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}" />
									<ice:inputText id="jefeArea" readonly = "true" value="#{creacionjefeColaboradorBean.jefeArea}" rendered="#{creacionjefeColaboradorBean.showAllData}" />
                                    
                                    <!--
                                    <ice:selectOneMenu value="#{creacionjefeColaboradorBean.jefeCargo}" partialSubmit="true" immediate="true"  title = "Seleccione el cargo del Jefe"  valueChangeListener="#{creacionjefeColaboradorBean.cargarRolesJefe}"  rendered="#{creacionjefeColaboradorBean.showAllData}">
										<f:selectItems value="#{creacionjefeColaboradorBean.cargoItems}" />
									</ice:selectOneMenu>  
                                    
									<ice:outputText value="#{etiqueta.lb_JefeGrado} (*) " rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="jefeGrado" value="#{creacionjefeColaboradorBean.jefeGrado}" size="20" maxlength="11" title = "Ingrese un dato numerico (Max. 11 digitos)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								 
							
								
								<ice:outputText value="#{etiqueta.lb_CiudadJefe} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
								<ice:selectOneMenu value="#{creacionjefeColaboradorBean.jefeDivision}" title = "Seleccione la ciudad del Jefe" partialSubmit="true" immediate="true" valueChangeListener="#{creacionjefeColaboradorBean.cargarDeptosJefe}"  rendered="#{creacionjefeColaboradorBean.showAllData}">
										<f:selectItems value="#{creacionjefeColaboradorBean.ciudadItems}"/>
									</ice:selectOneMenu>
		
								
								
							
									<ice:outputText value="#{etiqueta.lb_DeptoJefe} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:selectOneMenu value="#{creacionjefeColaboradorBean.jefeDepto}"  title = "Seleccione el departamento del Jefe" rendered="#{creacionjefeColaboradorBean.showAllData}">
										<f:selectItems value="#{creacionjefeColaboradorBean.deptosJefeItems}"/>
									</ice:selectOneMenu>
						
								
								<ice:outputText value="#{etiqueta.lb_JefeArea} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
									<ice:inputText id="jefeArea" value="#{creacionjefeColaboradorBean.jefeArea}" size="20" maxlength="11" title = "Ingrese un dato numerico (Max. 11 digitos)" rendered="#{creacionjefeColaboradorBean.showAllData}" />
							-->
								    <ice:outputText value="#{etiqueta.lb_Rol} (*)" rendered="#{creacionjefeColaboradorBean.showAllData}"/>
                                    <ice:selectOneMenu value="#{creacionjefeColaboradorBean.rolCodigo}" title = "Seleccione un Rol (rol del colaborador)" rendered="#{creacionjefeColaboradorBean.showAllData}"> 
										
										<f:selectItems value="#{creacionjefeColaboradorBean.rolItems}" />
									</ice:selectOneMenu>
								
								</ice:panelGrid>
								
								<ice:panelGrid>
								<br />
								<i>
								   <ice:outputText value="#{etiqueta.lbl_obligatorio}"/>
								</i>
								</ice:panelGrid>
								<br />
								
								<!-- BOTONES -->
								<ice:panelGrid columns="5">
								
								<ice:commandButton value="#{etiqueta.btn_Cargar}" actionListener="#{creacionjefeColaboradorBean.cargarEmpleado}" rendered="#{creacionjefeColaboradorBean.verCargar}" disabled="#{creacionjefeColaboradorBean.inactivarCargar}"/>
									
									<ice:commandButton value="#{etiqueta.btn_Guardar}" rendered="#{creacionjefeColaboradorBean.showAllData}" disabled="#{creacionjefeColaboradorBean.inactivarGuardar}" 
										actionListener="#{creacionjefeColaboradorBean.crear}"
										
										onclick="if(!confirm('Realmente desea crear este registro?')){ return false; };" />
										
										
										 								
									
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										actionListener="#{creacionjefeColaboradorBean.limpiar}" onclick="limpiar(document.getElementById('formulario'));"/>
								</ice:panelGrid>

								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<ice:messages visible="true" style="color:red;"/>

								<!-- TABLA DE RESULTADOS DE CONSULTA -->
								<ice:dataTable rows="5" id="dataRelaciones" var="relaciones"
									value="#{creacionjefeColaboradorBean.listCJ}" border="1" width="500"
									rendered="#{creacionjefeColaboradorBean.resultadoConsulta}">
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_consecutivo}" />
											</strong>
										</f:facet>
										<ice:commandLink value="#{relaciones.empCodigo}"
											styleClass="linkTabla" action="#{creacionjefeColaboradorBean.cargarDatos}">
											<f:param value="#{relaciones.empCodigo}" name="empCodigo" />
											<f:param value="#{relaciones.consPeriodo}" name="consPeriodo" />
											
										</ice:commandLink>
									</ice:column>
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_periodo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.consPeriodo}" />
									</ice:column>
									
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_empCargo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empCargo}" />
									</ice:column>
									<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_jefeCodigo}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.jefeCodigo}" />
									</ice:column>
																		
												<ice:column>
										<f:facet name="header">
											<strong><ice:outputText
													value="#{etiqueta.lb_col_CodCiudad}" />
											</strong>
										</f:facet>
										<ice:outputText value="#{relaciones.empDivision}" />
									</ice:column>	
									
								</ice:dataTable>
								<br />
								
								<!-- PAGINADOR -->
								<ice:dataPaginator id="dataScroll_1" for="dataRelaciones"
									paginator="true" fastStep="3" paginatorMaxPages="4"
									rendered="#{creacionjefeColaboradorBean.resultadoConsulta}">
									<f:facet name="first">
										<ice:graphicImage url="../estilos/imagenes/arrow-first.gif"
											style="border:none;" title="#{etiqueta.title_PrimeraPagina}" />
									</f:facet>
									<f:facet name="last">
										<ice:graphicImage url="../estilos/imagenes/arrow-last.gif"
											style="border:none;" title="#{etiqueta.title_UltimaPagina}" />
									</f:facet>
									<f:facet name="previous">
										<ice:graphicImage url="../estilos/imagenes/arrow-previous.gif"
											style="border:none;" title="#{etiqueta.title_PaginaAnterior}" />
									</f:facet>
									<f:facet name="next">
										<ice:graphicImage url="../estilos/imagenes/arrow-next.gif"
											style="border:none;" title="#{etiqueta.title_ProximaPagina}" />
									</f:facet>
									<f:facet name="fastforward">
										<ice:graphicImage url="../estilos/imagenes/arrow-ff.gif"
											style="border:none;" title="#{etiqueta.title_AvanceRapido}" />
									</f:facet>
									<f:facet name="fastrewind">
										<ice:graphicImage url="../estilos/imagenes/arrow-fr.gif"
											style="border:none;" title="#{etiqueta.title_RetornoRapido}" />
									</f:facet>
								</ice:dataPaginator>
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
					<!-- NUEVO!! -->
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
			<!-- NUEVO!! -->	
			
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
